.jpine {
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-size: small;
    clear: both;
	overflow: hidden;
}

.jpine span {
    display: block;
    padding: 0px;
    height: 16px;
    float:left;
    white-space: nowrap;
}

.jpine div.item {
    height: 16px;
    overflow: hidden;
}

.jpine .toggle,
.jpine .folder,
.jpine .path {
    width: 16px;
    background-image: url(pine.gif);
    background-repeat: no-repeat;
}

.jpine .path {
    background-image: none;
}
.jpine .path.dotted {
    background-image: url(pine.gif);
    background-position: 0px -48px;
}

.jpine .toggle {
    background-position: 0px 0px;
}
.jpine .toggle.first {
    background-position: -16px 0px;
}
.jpine .toggle.last {
    background-position: -32px 0px;
}
.jpine .toggle.firstlast {
    background-position: -48px 0px;
}

.jpine .toggle.expanded {
    background-position: 0px -16px;
}
.jpine .toggle.expandedfirst {
    background-position: -16px -16px;
}
.jpine .toggle.expandedlast {
    background-position: -32px -16px;
}
.jpine .toggle.expandedfirstlast {
    background-position: -48px -16px;
}

.jpine .toggle.collapsed {
    background-position: 0px -32px;
}
.jpine .toggle.collapsedfirst {
    background-position: -16px -32px;
}
.jpine .toggle.collapsedlast {
    background-position: -32px -32px;
}
.jpine .toggle.collapsedfirstlast {
    background-position: -48px -32px;
}


.jpine .folder.closed {
    background-position: 0px -64px;
}
.jpine .folder.open {
    background-position: -16px -64px;
}
.jpine .folder.leaf {
    background-position: -32px -64px;
}


.jpine .name A {
    white-space: nowrap;
    height:15px;
    display: block;
    padding-left: 5px;
    overflow:hidden;
}



.jpine .name A:link, 
.jpine .name A:visited, 
.jpine .name A:visited 
{ 
	color: black; 
	text-decoration: none; 
}

.jpine .name A:hover
{ 
	color: navy;
   text-decoration: underline;
}

.jpine .value {
    padding-left: 5px;
}


.jpine .checkbox {
    width: 16px;
    background-image: url(pine.gif);
    background-position: -16px -48px;
}

.jpine .checkbox.on {
    width: 16px;
    background-image: url(pine.gif);
    background-position: -32px -48px;
}

.jpine .name a.checked {
    font-weight: bold;
    color:red;
}

.jpine .name a.checkedDescendant {
    font-weight: bold;
}